<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})"></head>

<body>

<div id="main-wrapper">

    <!--Header section start-->
    <div th:replace="layout::header"></div>
    <!--Header section end-->

    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">Latest News</h1>
                    <ul class="page-breadcrumb">
                        <li><a th:href="@{/index.html}">主页</a></li>
                        <li class="active">Latest News</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--News Section start-->
    <div class="news-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">

            <div class="row">

                <!--News start-->
                <div class="col-lg-4 col-md-6 col-12 mb-30" th:each="newsVo : ${newsVoList}">
                    <div class="news">
                        <div class="image">
                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-1.jpg" alt=""></a>
                            <div class="meta-wrap">
                                <ul class="meta">
                                    <li>由 <a th:href="@{/#}" th:text="${newsVo.userName}"></a></li>
                                    <li>2018年12月30日</li>
                                </ul>
                                <ul class="meta back">
                                    <li>由 <a th:href="@{/#} " th:text="${newsVo.userName}"></a></li>
                                    <li>2018年12月30日</li>
                                </ul>
                            </div>
                        </div>
                        <div class="content">
                            <h4 class="title"><a th:href="@{/news-details.html}" th:text="${newsVo.title}"></a></h4>
                            <div class="desc">
                                <p th:text="${newsVo.newsDesc}"></p>
                            </div>
                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>
                        </div>
                    </div>
                </div>
                <!--News end-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-2.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">抵押房产</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-3.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">学区房</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-4.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">政府出租房</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-5.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">7 Signs That the Housing Market Is Cooling Off</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-6.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">6 Mortgage Myths You Can Ignore </a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-7.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">Your ideas are very important to us</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-8.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">We’re doing business with pleasure</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

<!--                &lt;!&ndash;News start&ndash;&gt;-->
<!--                <div class="col-lg-4 col-md-6 col-12 mb-30">-->
<!--                    <div class="news">-->
<!--                        <div class="image">-->
<!--                            <a th:href="@{/news-details.html}"><img src="assets/images/news/news-9.jpg" alt=""></a>-->
<!--                            <div class="meta-wrap">-->
<!--                                <ul class="meta">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                                <ul class="meta back">-->
<!--                                    <li>由 <a th:href="@{/#}">唐纳德</a></li>-->
<!--                                    <li>2018年12月30日</li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <h4 class="title"><a th:href="@{/news-details.html}">Modern apartment adjacent to eco park</a></h4>-->
<!--                            <div class="desc">-->
<!--                                <p>房产交易平台the best theme for  elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit sed do.</p>-->
<!--                            </div>-->
<!--                            <a th:href="@{/news-details.html}" class="readmore">继续浏览</a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;News end&ndash;&gt;-->

            </div>

            <div class="row mt-30">
                <div class="col">
                    <ul class="page-pagination">
                        <li><a th:href="@{/#}"><i class="fa fa-angle-left"></i> Prev</a></li>
                        <li class="active"><a th:href="@{/#}">01</a></li>
                        <li><a th:href="@{/#}">02</a></li>
                        <li><a th:href="@{/#}">03</a></li>
                        <li><a th:href="@{/#}">04</a></li>
                        <li><a th:href="@{/#}">05</a></li>
                        <li><a th:href="@{/#}"><i class="fa fa-angle-right"></i> Next</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--News Section end-->

    <!--Footer section start-->
    <div th:replace="layout::footer"></div>
    <!--Footer section end-->
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
